<template>
  <div class="ask-header-box">
    <img src="../../img/3332788941924867064-22.png" alt="" />
    <div class="ask-header-box-right">
      <div class="right-title"><span>导诊医生</span></div>
      <div class="right-text">
        <span
          >请详细描述患者的疾病症状、患病时长、用药情况，需要我提供什么样的帮助。丁香医生为你保障隐私，病历材料仅医生可见</span
        >
      </div>
    </div>
  </div>
</template>

<script setup>
</script>

<style scoped lang="scss">
.ask-header-box {
    box-sizing: border-box;
    width: 900px;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #f4f4f4;

  img {
    height: 66px;
    width: 66px;
    vertical-align: 6px;
  }

  .ask-header-box-right {
    display: inline-block;
    margin-left: 20px;

    .right-title {
      font-size: 15px;
    }
    .right-text {
      width: 750px;
      height: 70px;
      margin-top: 10px;
      background-color: #f4f4f4;
      color: hsla(0, 0%, 40%, 0.8);
      padding: 10px 16px;
      box-sizing: border-box;
      position: relative;

      &::before{
        position: absolute;
        display: block;
        content: "";
        height: 0;
        width: 0;
        left: -22px;
        border:11px solid  transparent;
        border-right-color: #f4f4f4;
      }
    }
    
  }
}
</style>